<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单标签</title>
</head>
<body>
<form>
<!--    text 文本框 用户可以里面输入内容-->
<!--    maxlength规定用户最多输入多少字符-->
    <label for="text">用户名:</label>
    <input type="text" name="username" value="请输入用户名" maxlength="6" id="text">
    <br>
<!--    password 定义密码字段，用户看不见输入的密码-->
    <label for="mima">密码  :</label>
    密码  :<input type="password" name="password" id="mima"><br>
<!--    radio 单选按钮 可以实现多选一-->
<!--    name 是表单元素名字 这里性别单选按钮必须有相同的名字那么才可以实现多选一-->
<!--    单选按钮和复选按钮可以设置checked属性，当页面打开的时候就可以默认选中这个按钮-->
    性别:<label for="nan">男</label>
    <input type="radio" name="sex" value="男" checked="checked" id="nan">
    <label for="nv">女</label>
        <input type="radio" name="sex" value="女" id="nv"> <br>
<!--    checkbox 复选框 可以实现多选-->
    爱好:<label for="chang">唱</label>
    <input type="checkbox" name="hobby" value="唱" checked="checked" id="chang">
    <label for="tiao">跳</label>
    <input type="checkbox" name="hobby" value="跳"  id="tiao">
    <label for="rap">rap</label>
   <input type="checkbox" name="hobby" value="rap" checked="checked" id="rap">
    <label for="lanqiu">篮球</label>
    <input type="checkbox" name="hobby" value="篮球" id="lanqiu"> <br>
<!--submit提交按钮，可以把表单域form里面的表单元素里面的值提交给后台服务器-->
    <input type="submit" value="免费注册">
<!--    reset重置按钮可以还原表单元素初始默认状态-->
    <input type="reset" value="重新填写"><br>
<!--    普通按钮button-->
    <input type="button" value="获取短信验证码"><br>
<!--    文件域 使用场景 上传文件使用的-->
    上传头像:<input type="file" name="file"><br>
</form>
</body>
</html>